// window.onload = function () {
//     let tagAs = document.getElementById("stretch").getElementsByTagName('a');
//     for (let i = 0; i < tagAs.length; i++) {
//         tagAs[i].onmouseenter = function () {
//             let a = this;
//             clearInterval(a.animationTimer);
//             a.animationTimer = setInterval(function () {
//                 a.style.width = a.offsetWidth + 6 + 'px';
//                 if (a.offsetWidth >= 120) {
//                     clearInterval(a.animationTimer);
//                 }
//             }, 30);
//         };
//         tagAs[i].onmouseleave = function () {
//             let a = this;
//             clearInterval(a.animationTimer);
//             a.animationTimer = setInterval(function () {
//                 a.style.width = a.offsetWidth - 6 + 'px';
//                 if (a.offsetWidth <= 100) {
//                     a.style.width = "100px";
//                     clearInterval(a.animationTimer);
//                 }
//             }, 30);
//         }
//     }
// };
require('../css/menu.css');
$(function () {
    $("#stretch a").hover(
        function () {
            $(this).stop().animate({width: "120px"}, 200)
        },
        function () {
            $(this).stop().animate({width: "100px"}, 200)
        })
});